<template>
	<div class="home">
		<Dialog ref="dialog"></Dialog>
		<Search></Search>
		<Table ref="table"></Table>
		<Page></Page>
	</div>
</template>

<script>
import Search from "./components/Search.vue";
import Table from "./components/Table.vue";
import Page from "./components/Page.vue";
import Dialog from "./components/Dialog.vue";

export default {
	components: {
		Search,
		Table,
		Page,
		Dialog,
	},
};
</script>
<style lang="less" scoped>
.home {
	height: 100%;
	overflow: auto;
	display: flex;
	flex-direction: column;
}
</style>
